<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="../../js/mui.min.js" ></script>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link href="../../css/global.css" rel="stylesheet" /> 
		<link rel="stylesheet" href="investRecord.css" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav cmw-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-back-bk"></a>
		<h1 id="title" class="mui-title mhd-title">投资记录</h1>
		<a href="#Popover" class="mui-action-menu mui-pull-right">
			<img style="padding: 10px;" src="../../images/funnel.png" />
		</a>
		</header>
		<div class="investRecord-header">
			<table class="investRecord-table" border="0">
				<tbody>
					<tr >
						<td class="date" align="center">投资日期</td>
						<td class="loanTitle_header">标号</td>
						<td class="state" align="center">状态</td>
						<td class="refundDeadline" align="center">期数</td>
					</tr>
				</tbody>
			</table>
		</div>
			<ul id="item1_loanRecords" class="mui-table-view" style="display: none;">
				<div class="cmw_noinvest" id="noRecord1" style="display: none;">
					暂无记录!
				</div>
			
			</ul>
		
		<div class="investRecord-info" id="investRecord-info">

		</div>
		<!--右上角弹出菜单-->
	<div id="Popover" class="mui-popover" style="width: 100px;height: 230px;border: none;">
	   <div class="mui-popover-arrow"></div>	   	
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view" style="text-align: center;color:#2c2c2c;">
					<li class="mui-table-view-cell activity" id="invest0">
						<a id="invest_all" href="javascript:void(0)">全部</a>
					</li>
					<li class="mui-table-view-cell" id="invest2">
						<a id="invest_two" href="javascript:void(0)">竞标中</a>
					</li>
					<li class="mui-table-view-cell" id="invest3">
						<a id="invest_three" href="javascript:void(0)">回款中</a>
					</li>
					<li class="mui-table-view-cell" id="invest4">
						<a id="invest_four" href="javascript:void(0)">已完成</a>
					</li>
					<li class="mui-table-view-cell" id="invest1">
						<a id="invest_one" href="javascript:void(0)">已赎回</a>
					</li>

				</ul>
			</div>
		</div>
	</div>	
	<script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="../../js/cmw_core.js"></script>
	<script type="text/javascript" src="../../js/constant.js"></script>
	<script type="text/javascript" src="../../js/global.js"></script>
	<script type="text/javascript" src="../../js/form.js"></script>
	<script type="text/javascript" src="investRecord.js"></script>
	</body>
</html>
